@charset "utf-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; font-weight: normal;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,em,b,br,section,header,footer,nav,menu,aside,audio,video,canvas,svg,details,figure,figcaption,summary,hgroup,pre,sub,sup,button,textarea,input{margin:0;padding:0;color:inherit;}
body{ color: inherit; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} 
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color:#333;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus{ color: #666;}
ul,ul li,li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.wrapperBg{width: 1360px;margin: 0px auto;z-index: 96;}
.paddingHeader{padding-bottom: 80px;}
@media screen and (max-width:1000px){
    .paddingHeader{ padding-bottom: 66px;}
}

@media screen and (min-width:768px){
    html{ font-size: 14.5px;}
}
@media screen and (min-width:376px) and (max-width:767px){
    html{ font-size: 14px;}
}
@media screen and (min-width:320px) and (max-width:375px){
    html{ font-size: 13px;}
}
@media screen and (max-width:319px){
    html{font-size: 12px; }
}

.wrapper{ width: 1300px; margin: 0 auto; padding: 1px 0; box-sizing: border-box; }

@media screen and (max-width:1310px){
    .wrapper{ width: 100%; padding: 0 80px;}
}
@media screen and (max-width:1000px){
    .wrapper{ width: 100%; padding: 0 80px;}
}

/* 滚动条style */
html:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background: none; }
html:not(.isMobile) *::-webkit-scrollbar-thumb { background: #5c9bd2; border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}

/* 常用felx弹性属性 */
.flex{  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start; }  
.order{ order:0; flex: 0 1 auto; align-self: auto; } /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */

/* 单行溢出-多行溢出 */
.row{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.multi_row{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2; }

/* 清除浮动 */
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}

 
/* 全屏 */
.multi_row1{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
html,body{width: 100%;height: 100%;overflow: hidden;}
/* body{background: url(/img/index/v2/bg.jpg) no-repeat; background-size: cover;background-position: center;;} */
body{background: url(/img/index/v2/bg1.jpg) no-repeat; background-size: cover;background-position: center;;}

#container {width: 100%;height: 100%;}
#main_content {width: 100%; height: 100%;flex-direction: column;}

.header{display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;}
.LogoImg{padding-left: 36px;opacity: 1;}
.headbtn{padding-right: 36px;}
.headbtn div {padding-left: 28px;border-left: 4px solid transparent;padding: 10px 0px;}
.headbtn div i {font-size: 24px;color: #fff;cursor: pointer;margin-left: 10px;}
div.active {border-left: 4px solid #137df5;}
div.active i{color: #137df5;}
.contbox {width: 100%;flex: 1 ;box-sizing: border-box;margin-top: 50px;}
.cont-left {width: 76%;}
.conpading {padding: 15px 0 8px;}
.conpading span{margin-top: 6px;}
.conpadingTwo{padding: 25px 0px 20px 0px;}
.conpadingTwo span{margin-top: 10px;}
.srtmargin {margin-right: 5px;}
.strmartop {margin-top: 5px;}
.contbox .box-cent .contlist .mounes {width: 38%;margin-right: 30px;}
.contlist {justify-content: flex-start;}
 .montitle {font-size: 16px;font-weight: bold;color: #FFFFFF;margin-bottom: 32px;}
.contlist .mounes .live .flex .broadcast {flex: 1;display: block;background: rgba(59, 59, 175, 0.2);margin-right: 5px;transition: all 0.5s ease;}
.contlist .mounes .live .flex .broadcast:hover {background: rgba(59, 59, 175, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mounes .live {margin-bottom: 48px;}
.contlist .mounes .live .flex  span {font-size: 12px;color: #fff;text-align: center;display: block;}
.contlist .mounes .live .flex .recording {flex: 1.1;display: block;background: rgba(130, 144, 196, 0.3);transition: all 0.5s ease;}
.contlist .mounes .live .flex .recording:hover{background: rgba(130, 144, 196, 0.7);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mounes .live .yingxiaoTwo{margin-top: 5px;}
.contlist .mounes .live .flex .shiping{flex: 1;display: block;background: rgba(53, 58, 79, 0.4);margin-right: 5px;transition: all 0.5s ease;}
.contlist .mounes .live .flex .shiping:hover{background: rgba(53, 58, 79, 0.8);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mounes .live .flex .wenda{flex: 1.1;display: block;background: rgba(152, 114, 114, 0.2);transition: all 0.5s ease;}
.contlist .mounes .live .flex .wenda:hover{background: rgba(152, 114, 114, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.xiaosTwo{margin-top: 5px;}
.contlist .mounes .live .flex .mentOne {background: rgba(67, 55, 112, 0.2);flex: 1.5;margin-right: 5px;transition: all 0.5s ease;}
.contlist .mounes .live .flex .mentOne:hover{background: rgba(67, 55, 112, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mounes .live .flex .mentTwo {background: rgba(255, 255, 255, 0.1);flex: 1;transition: all 0.5s ease;}
.contlist .mounes .live .flex .mentTwo:hover{background: rgba(255, 255, 255, 0.5);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mounes .live .flex .library {background: #092458;opacity: 0.9;flex: 1;}
.contlist .mounes .live .flex .yihzna {flex: 2;display: block;background: #1e54b6;opacity: 0.9;}
.contlist .mounes .widlp {flex-wrap: wrap;}
.contlist .mounes .widlp .yunmeng {flex: 1;display: block;background: #4a5fb2;opacity: 0.9;}
.contlist .mounes .widlp .useiten {flex: 1;display: block;background: #1c1e26;opacity: 0.9;}
.contbox .box-cent .contlist .mouiten {width: 62%;flex-wrap: wrap;}

.contbox .box-cent .contlist .mouiten .itenleft {width: 100%;}
.jinzhunTwo{margin-top: 5px;}
.contlist .mouiten .itenleft .sousuOne {flex: 1.5;display: block;background: rgba(97, 104, 129, 0.3);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuOne:hover {background: rgba(97, 104, 129, 0.7);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuTwo {flex: 1.1;display: block;background: rgba(48, 74, 147, 0.2);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuTwo:hover{background: rgba(48, 74, 147, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuThree {flex: 1;display: block;background: rgba(177, 90, 90, 0.2);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuThree:hover {background: rgba(177, 90, 90, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuFour {flex: 1.8;display: block;background: rgba(64, 33, 39, 0.4);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuFour:hover {background: rgba(64, 33, 39, 0.8);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuFive {flex: 1.5;display: block;background: rgba(141, 46, 138, 0.2);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuFive:hover {background: rgba(141, 46, 138, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuSix {flex: 1.5;display: block;background: rgba(162, 165, 236, 0.2);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuSix:hover {background: rgba(162, 165, 236, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuSeven {flex: 1.2;display: block;background: rgba(125, 125, 237, 0.2);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuSeven:hover {background: rgba(125, 125, 237, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuEight {flex: 1.2;display: block;background: rgba(178, 126, 227, 0.2);transition: all 0.5s ease;}
.contlist .mouiten .itenleft .sousuEight:hover{background: rgba(178, 126, 227, 0.6);cursor: pointer;transform: translateY(-5px);transition: all 0.5s ease;}
 .module  .Wenzi {font-size: 12px;color: #fff;text-align: center;padding: 0px 5px;}
.contlist .mouiten .itenleft .siliu {flex: 1;display: block;background: #2a4297;opacity: 0.9;}
.contlist .mouiten .itenleft .siliu  span {font-size: 12px;color: #fff;text-align: center;display: block;}
.contlist .mouiten .itenleft .fanbox {flex: 2;display: block;background: #4a5fb2;opacity: 0.9;}
.contlist .mouiten .itenleft .fanbox span{font-size: 12px;color: #fff;text-align: center;display: block;}
.contbox .box-cent .contlist .mouiten .itenright {width: 38%;}
.contlist .mouiten .itenright .newswt{flex: 1.5;display: block;background: #4a5fb2;opacity: 0.9;}
.contlist .mouiten .itenright .pauny {flex: 1;display: block;background: #294297;opacity: 0.9;}
.contlist .mouiten .itenright .newswt span ,.contlist .mouiten .itenright .pauny span{font-size: 12px;color: #fff;text-align: center;display: block;}
.contlist .mouiten .itenright .montbot .swiper-container{height: 99px;justify-content: center;text-align: left;background: #1C1e26;opacity: 0.9;overflow: hidden;}
.contlist .mouiten .itenright .montbot a {display: block;padding: 20px 10px 0;font-size: 12px;font-weight: 400;color: #fff;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:4;}

.obviods {width: 100%;height: 320px;margin-top: 36px;}
.obviods .swiper-container {height: 320px;flex: 1;overflow: hidden;}
.obviods .swiper-slide {background-color: #1b0768;display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:center;align-items:center; align-content: flex-start; }
/* .obviods .obright a {background: #4457a2;opacity: 0.5;display: block;overflow: hidden;border-bottom: 1px solid #999;} */
.obviods .obright .VideoOne{background: rgba(63, 21, 169, 0.3);display: block;overflow: hidden;border-bottom: 1px solid #999999;}
.obviods .obright .VideoTwo{background: rgba(104, 80, 137, 0.3);display: block;overflow: hidden;border-bottom: 1px solid #999999;}
.obviods .obright .VideoThree{background: rgba(65, 31, 38, 0.4);display: block;overflow: hidden;border-bottom: 1px solid #999999;}
.obviods .obright .VideoFour{background: rgba(91, 23, 134, 0.2);display: block;overflow: hidden;border-bottom: 0px solid #999999;}
/* .obviods .obright a:last-child {border-bottom: 0;} */
.obviods .obright a figure{width: 24px;height: 24px;margin: 18px 28px 16px;}
.obviods .obright a span {font-size: 12px;color: #fff;display: block;text-align: center;margin-bottom: 5px;}

.sizeua {font-size: 16px;color: #95c8ff;}
.sizeub {font-size: 34px;color: #0be5c2;}
.sizeuc {font-size: 22px;color: #8cd7ff;}
.sizeud {font-size: 22px;color: #81cbf0;}



/* 侧边栏 */
.sidebar {position: fixed;width: 100%;height: 100%;top: 0;z-index: 99;background: rgba(0,0,0,.5);display: none;right: 100px;}
.sidebar .usesidme {flex-direction: column;justify-content: space-between;height: 100%;padding-bottom: 80px; box-sizing: border-box;background: rgba(0,0,0,.6);width: 460px;float: right;}

.sidebar .menu {padding:0 0 19px;width: 100%;box-sizing: border-box;}
.sidebar .menu li {margin: 0 16px; position: relative;}
.sidebar .menu .caimenu {font-size: 24px;font-weight: bold;color: #fff;padding: 23px 0 22px 30px;border-bottom: 1px solid rgba(255,255,255,.5);margin: 0;position: relative;}
.sidebar .menu .caimenu span {display: inline-block;}

.sidebar .menu .caimenu span {font-size: 14px;font-weight: bold;color: #ccc;margin-left: 9px;}
.sidebar .menu .caimenu .guangbi {width: 20px;height: 20px;position: absolute;right: 24px;top: 28px;background: url(/img/index/v2/guanbi.png) no-repeat; background-size: 100% 100%;cursor: pointer;}
.sidebar .menu .mounse {border-bottom: 1px solid rgba(255,255,255,.5);padding-left: 17px;}
.sidebar .menu .mounse a {padding: 19px 0 18px 0px;}
.sidebar .menu .mounse a,.sidebar .menu li span {font-size: 18px;font-weight: bold;color: #fff;display: block;}
.sidebar .menu li div.flex {border-bottom: 1px solid rgba(255,255,255,.5);padding: 21px 0 19px 17px;cursor: pointer;align-items: center;}
.sidebar .menu li div.flex i {font-size: 12px;color: #fff;}
.sidebar .menu li .second {border-bottom: 1px solid rgba(255,255,255,.5);padding: 7px 0;padding-left: 17px;display: none;}
.sidebar .menu li .second a{display: block;font-size: 14px;color: #fff;line-height: 38px;}
.sidebar .menu li .second a:hover {color:#62a8e6;}
.sidebar .menu .actisr .itemsad span{color: #62a8e6;}
.sidebar .menu .actisr .itemsad i{color: #62a8e6;}
.information {padding:0 25px 0 34px;box-sizing: border-box; width: 460px;}
.information .inforleft .prouse p ,.information .inforleft .emites p{font-size: 14px;color: #ccc;}
.information .inforleft .prouse span ,.information .inforleft .emites span{font-size: 18px;font-weight: 400;color: #fff;}
.information .inforleft .prouse {padding-left: 55px;background: url(/img/index/v2/kefu.png)no-repeat left center;background-size: 32px 32px; margin-bottom: 31px;}
.information .inforleft .emites{padding-left: 55px;background: url(/img/index/v2/youxiang.png)no-repeat left center;background-size: 32px 32px;}
.information .inforright p{font-size: 14px;color: #ccc;text-align: center;}


/* 视频的播放遮罩层 */
.videoUrl {display:none; width:100%; height:100%; position:fixed; top:0; left:0 ; background:rgba(0,0,0,.8); z-index:9999}
.videoUrl>.flex{justify-content: center;align-items: center;width: 100%;height: 100%;}
.videoOfficail{position: relative;width: 80%;height:auto}
.videoUrl img {width: 25px; position: absolute; right:0px; top:0px; cursor: pointer; padding:10px;}
.videoUrl img:hover {box-shadow: 0 0 10px #fff;}
.videoUrl h6{ font-size: 15px; line-height: 26px; margin-top: 16px; text-align: center; color: #fff;}

@media screen and (max-width:760px){
    .videoUrl img {top: -20%;}
}


.cont-right {width: 23%;margin-left: 25px;}
.cont-right .firstbox {padding: 0 30px; margin-top: 40px;background:rgba(0,0,0,.3);}
.cont-right .firstbox li {justify-content: flex-start;align-items: center;padding: 25px 0;border-bottom: 1px solid rgba(255,255,255,.3);}
.cont-right .firstbox li:last-child{border-bottom: 0;}
.cont-right .firstbox  i{color: #fff;margin-right: 23px;font-size: 30px;}

.cont-right .firstbox .context {font-size: 14px;color: #ccc;}
.cont-right .firstbox .nubeen {font-size: 14px;color: #fff;}
.cont-right .firstbox .nubeen span {font-size: 20px;color: #fff;}

.secondbox {background: rgba(46,32,27,.4);box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);overflow: hidden;margin-top: 30px;display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start; flex-direction: column;height: 167px;box-sizing: border-box;}
.secondbox p {font-size: 14px;color: #ccc;margin-left: 30px;margin-top: 30px;margin-bottom: 10px;}
.secondbox span {font-size: 26px;font-weight: bold;color: #fff;margin-left: 30px;display: block;margin-bottom: 30px;}

.secondbox .vximg ,.secondbox .lianjie{justify-content: center;align-items: center;padding: 17px 0;}
.secondbox .pribbox{display: block;}
.secondbox .vximg {display: none;}
.secondbox .lianjie {display: none;}
.secondbox ul.flex {justify-content: space-around;background: rgba(255,255,255,.2);padding: 7px 0;}
.secondbox ul.flex i {font-size: 26px;color: #fff;opacity: .2;}
.secondbox ul.flex i:hover{opacity: 1;}
.secondbox ul.flex li.opitem i {opacity: 1;}

.cont-right .secondbox ul {width: 100%;}
   .cont-right .secondbox .pribbox{flex: 1;width: 100%;}
   .secondbox .vximg ,.secondbox .lianjie {width: 100%;flex: 1;}
   .secondbox .vximg figure,.secondbox .lianjie figure{width: 100%;height: 100%;position: relative;}
   .secondbox .vximg figure img,.secondbox .lianjie figure img {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.yourElsad1{animation-duration: .5s ;animation-delay: 0.2s ;animation-iteration-count: 1;   }
.yourElsad2{animation-duration: .6s ;animation-delay: 0.2s;animation-iteration-count: 1 ;   }
.yourElsad3{animation-duration: .7s ;animation-delay: 0.2s;animation-iteration-count: 1 ;   }
.yourElsad4{animation-duration: .8s ;animation-delay: 0.2s;animation-iteration-count: 1 ;   }
.yourElsad5{animation-duration: 1s ;animation-delay: 0.2s;animation-iteration-count: 1 ;   }
.yourElsad6{animation-duration: 1.2s ;animation-delay: 0.2s;animation-iteration-count: 1 ;   }







/* 尾部  */
.footer{width:100%;z-index: 999;}
.footer>.flex{width: 100%;height: 60px;flex-wrap: wrap;}
.footer .nav{width: 60%;height: 60px; background: #1a1a1a;}
.footer .nav>li{cursor: pointer; transition: all 0.5s ease;line-height: 58px; position: relative; text-align: center; width: 25%;font-size: 14px; border-right: 1px solid #666;color: #fff;}
.footer .nav>li .second{display: none; width: 100%;position: absolute;bottom: 59px;left: 0;}
.footer .nav>li .second a{font-size: 14px; color: #fff;display: block;background: #1a1a1a;padding: 10px 5px;line-height: 30px; height: 30px; text-align: center;}
.footer .nav>li>i{transition: all 0.5s ease;font-size: 12px;margin-right: 3px;}
.footer .copyright{padding: 0 40px 0 10px;box-sizing: border-box; justify-content: center;align-items: center;flex-direction: column; height: 60px; text-align: center; width: 40%;background: #0f0f0f;font-size: 14px;color: #999;text-align: right;align-items: flex-end;}
.footer .copyright p {text-align: right;}
.footer .copyright p a {font-size: 14px;color: #999;}

.footer .nav>li:hover{background: #07194a;transition: all 0.5s ease;}
.footer .nav>li .second a:hover{background: #333333;color: #62a8e6;}



/* //position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%); */
.wrapperBg{display: block;background: rgba(0, 0, 0, 0.8);}
/* background: rgba(0, 0, 0, 0.8); */
.AlertMax,.AlertMax2{padding: 60px;text-align: left;}
.AlertAryy{position: relative;}
.chaimgMax{position: absolute;right: 0px;}
.chaimgMax:hover{cursor: pointer;}
.ConTitle{font-size: 36px;font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF;}
.ConHref{font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #2D68FF;}
.ConLi:nth-child(1){margin-top: 10px;}
.ImgL{margin-top: 15px;}
.ConLi{line-height: 35px;display: flex;align-items: center; margin-left: 15px;}
.ConLiMax{list-style: disc; color: #2D68FF;display: list-item;}
.ConLi a{font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;}
.YunD{width: 8px;height: 8px;background: #2D68FF;border-radius: 50%;display: block;}
.ConuL{margin-left: 10px;}

.imgAryy{width: 25%;float: left;}
.imgAryy figure{padding: 10px;}
.ConMinTitle{position: relative;}
.ConTitleMax{display: flex;align-items: center;}
.ConHref{margin-left: 30px;}
.ConNext{margin-left: 20px;display: flex;    flex-flow: column wrap;height: 590px;}
.ConNMax{width: 50%;}
.ConMinTitle{margin-top: 15px;}
.ConMinTitle a{font-size: 20px;font-family: Microsoft YaHei; font-weight: bold;color: #CCCCCC;}
.ConMinTitle span{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #CCCCCC;}
.ConMinTitle a::before{content: ''; width: 4px; height: 14px; background: #208FE4; display: inline-block; margin-right: 10px;}
.MLiMG{padding-left: 50px;}
.ImgMax{height: 100%;}


.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}  

.two {
    transform: scale(1);
  }

.two.out {
animation: quickScaleDown 0s .5s linear forwards;
}


.gongname{display: none;}
.gongnamewen{font-size: 22px;color: #FFFFFF; font-family: Microsoft YaHei;
    font-weight: bold;}
.jingru{    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #2D68FF;}
    .gongflex>li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.gongbg{width: 40% !important;}


















@media screen and (max-width:1700px){
    html,body{overflow: auto;}
}
@media screen and (max-width:1550px){
   .wrapperBg{width: 1300px;}
   .ConTitleRow{height: 480px;overflow: auto;}
   .ConNext {height: 550px;}
}
@media screen and (max-width:1460px){
    html,body{overflow: auto;}
    .wrapper{ width: 100%; padding: 0 80px;}
    .header {position: fixed; top: 0;z-index: 90;background: rgba(0,0,0,.8);}
    .contbox {margin-top: 150px;}
    .LogoImg{opacity: 1;}
    .headbtn div i {font-size: 24px;}
    .wrapperBg{width: 90%;}
}
@media screen and (max-width:1410px){
    .header{display: none;}
    .contbox {margin-top: 20px;}
}
@media screen and (max-width:1310px){

   .contbox .box-cent {flex-direction: column;padding-bottom: 20px;}
   .cont-right {width: 100%;display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start;margin-left: 0;}
   .cont-right .firstbox {width: 48%; height: 343px;box-sizing: border-box;margin-top: 0;}
   .cont-right .secondbox { width: 48%;height: 343px;margin-top: 0px;box-sizing: border-box;overflow: hidden;}
   .cont-left {width: 100%;}

   .contlist .mounes .live {margin-bottom: 25px;}
   .obviods {height: 298px;}
   .obviods .swiper-container {height: 298px;}
   .obviods .obright a figure { margin: 15px 28px 14px;}
   .wrapperBg{width: 90%;}
   .AlertMax,.AlertMax2 {padding: 40px;}
   .imgAryy{width: 33.33%;}
   
  
   .cont-right .firstbox li{padding: 20px 0px;}
}

@media screen and (max-width:1100px){ 
    .ImgMax{height: 0px;}
    .MLiMG{padding-left: 0px;}
    .wrapperBg {height: 65%;}
    .ConTitleRow{height: 410px;overflow: auto;}
    .ConNext{height: auto;}
    .ConNMax{width: 100%;}
    .imgAryy figure img{margin: 0px 0px;}
    .montitle {margin-bottom: 20px;}
    .cont-right .firstbox li{padding: 20px 0px;}
    .contlist .mounes .live {
        margin-bottom: 38px;
    }
}
@media screen and (max-width:1000px){ 

    .contlist  {flex-direction: column;justify-content: center;align-items: center;}
    .contbox .box-cent .contlist .mounes {width: 80%;margin-right: 0px;}
    .contbox .box-cent .contlist .mouiten {width: 80%;flex-wrap: wrap;}
   
    .cont-right {display: none;}
    .footer .copyright p {text-align: center;}

}
@media screen and (max-width:768px){
    .footer .nav{width: 100%;height: 40px;line-height: 40px}
    .footer .nav>li{height: 40px;line-height: 40px;}
    .footer>.flex{height: auto;}
    .footer .copyright{text-align: center; padding: 8px 5px; width: 100%; font-size: 12px; height: auto;}
    .footer .nav>li .second{bottom: 40px;}
    .footer .nav>li .second a{height: 20px;line-height: 16px;}
    
}


@media screen and (max-width:600px){ 
    .contbox .box-cent .contlist .mounes {width: 100%;}
    .contbox .box-cent .contlist .mouiten {width: 100%;flex-wrap: wrap;}
    .headbtn div {padding-left: 18px;}
    .headbtn div i {font-size: 18px;}
    .wrapper {padding: 0 50px 0 30px;}
    .contbox .box-cent .contlist .mouiten {flex-direction: column;}
    .contbox .box-cent .contlist .mouiten .itenleft {width: 100%;margin-bottom: 19px;}
    .contbox .box-cent .contlist .mouiten .itenright {width: 100%;}
    .obviods {width: 100%;height: auto;flex-direction: column;}
    .obviods .swiper-container {height: 170px;width: 100%;} 
    .obright {display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start;width: 100%;box-sizing: border-box; }
    .obviods .obright a {flex: 1;}
    .obviods .obright a figure {margin: 18px auto;}
    .obviods .obright .VideoFour{border-bottom:1px solid #999999;}
    .obviods .obright a {border-bottom: 0;border-right: 1px solid #999;}
    .obviods .obright a:last-child {border-right: 0;}
 
    .header .headbtn {z-index: 999;position: relative;padding-right: 20px;}
    .sidebar {width: 100%; box-sizing: border-box;right: 50px;}
    .sidebar .usesidme {width: 85%;}
    .information {display: none;}
    .sidebar .menu .caimenu {font-size: 20px;}
    .sidebar .menu .mounse a, .sidebar .menu li span {font-size: 16px;}
    .footer .nav {display: none;}

}
@media screen and (max-width:574px){ 
    .imgAryy{width: 50%;}
    .AlertMax,.AlertMax2{padding: 20px;}
    .header{display: inline-flex;}
    .contbox {margin-top: 100px;}
    .wrapper{padding: 0px 30px;}
}
@media screen and (max-width:350px){  
    .sidebar .menu .mounse a {padding: 10px 0 12px 0px;}
    .sidebar .menu li div.flex {padding: 10px 0 12px 17px;}
    .sidebar .menu .caimenu {padding: 12px 0 16px 30px;}
    .sidebar .menu .caimenu .guangbi {top: 15px;}
}

.module{ 
    perspective: 1000;
    -webkit-perspective: 1000;
}

 .card-flipped .front img{
    /* transform: rotate3d(1, 0, 0, 360deg); */
    transform: rotate3d(0, 1, 0, 360deg);

}
.face img{
    transition: all 1.5s ease;
}